.contents {

  width: 1280px;

  margin: 0 auto;

}

.fl {

  float: left;

}

.fr {

  float: right;

}

.clearfix:after {

  content: "";

  display: block;

  clear: both;

  visibility: hidden;

  line-height: 0;

  height: 0;

  font-size: 0;

}

.yc {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.tsy {

  transform: perspective(1px) translateZ(0);

  transition-duration: 0.3s ease-out;

}

.tsy:hover {

  -webkit-transform: translateY(-4px);

  transform: translateY(-4px);

}

.gd {

  transition: 0.5s linear;

}

.gm {

  transition: 0.2s ease-out;

}

.img100 {

  transform: scale(1);

  transition: 0.5s linear;

}

.img100:hover {

  transform: scale(1.1);

}

.w100 {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.wo {

  width: 100%;

  height: 100%;

  object-fit: cover;

}

.flex {

  display: flex;

  justify-content: space-between;

}

.sjctop,

.sjcbottom,

.sjcleft,

.sjcright {

  -webkit-transition: all 0.9s ease-out;

  transition: all 0.9s ease-out;

}

.pro {

  height: 1200px;

  background: url(../images/pro.jpg) no-repeat center top;

  padding: 100px 0 0;

  box-sizing: border-box;

}

.pro .box {

  display: flex;

  justify-content: space-between;

}

.pro .box .top {

  position: relative;

}

.pro .box .top::before {

  content: "";

  display: block;

  width: 100px;

  height: 6px;

  position: absolute;

  background: url(../images/t1.png) no-repeat center;

  top: 69px;

  left: 172px;

}

.pro .box .top em {

  display: block;

  font-size: 46px;

  color: #333;

  line-height: 40px;

  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;position:relative;

}

.pro .box .top h3 {

  margin: 14px 0 0;

  font-size: 38px;

  color: #333;

  line-height: 36px;

  font-weight: bold;

}

.pro .box .art {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 5px 0 0;

}

.pro .box .art .tel {

  display: flex;

  padding: 0 0 0 48px;

  height: 40px;

  background: url(../images/tel2.png) no-repeat center left;

}

.pro .box .art .tel i {

  font-size: 18px;

  color: #333;

  line-height: 40px;

}

.pro .box .art .tel b {

  font-family: Arial;

  font-size: 24px;

  color: #333;

  line-height: 40px;

}

.pro .box .art .more {

  display: block;

  margin: 0 0 0 44px;

  width: 132px;

  height: 82px;

  font-size: 16px;

  color: #333;

  line-height: 82px;

  background: url(../images/more1.png) no-repeat center right;position:relative;

}

.pro .box .art .more:hover{color: #93c47d;transition: 0.5s linear;}

.pro .box .art .more::after{content:'';width:62px;height:82px;background: url(../images/more_jt01.png);position:absolute;top:0;right:-5px;animation:mymove 2.5s infinite;-webkit-animation:mymove 2.5s infinite;}

.pro .box .art .more:hover::after{content:'';width:62px;height:82px;background: url(../images/more_jt02.png);position:absolute;top:0;right:-5px;animation:mymove 2.5s infinite;-webkit-animation:mymove 2.5s infinite;}

@keyframes mymove

{

    0% {right:0px;}

    50%{right:10px;}

    100% {right:0px;}

}

 

@-webkit-keyframes mymove

{

    0% {right:0px;}

    50%{right:10px;}

    100% {right:0px;}

}

.pro .listimg {

  margin: 50px 0 0;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.pro .listimg li {

  width: 400px;

  height: 410px;

  border: 1px solid #ebebeb;

  padding: 10px;

  box-sizing: border-box;

  margin-bottom: 40px;

}

.pro .listimg li .img {

  display: block;

  width: 100%;

  height: 290px;

  overflow: hidden;

}

.pro .listimg li .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1);

  transition: 0.5s linear;

}

.pro .listimg li .img img:hover {

  transform: scale(1.1);

}

.pro .listimg li .text {

  margin: 13px 0 0;

  height: 84px;

  background: #f7f7f7;

  padding: 15px 115px 0 25px;

  box-sizing: border-box;

  position: relative;

}

.pro .listimg li .text::before {

  content: "";

  display: block;

  width: 15px;

  height: 2px;

  position: absolute;

  background: #535353;

  top: 56px;

  left: 25px;

}

.pro .listimg li .text .cond {

  display: block;

  font-size: 16px;

  color: #333;

  line-height: 40px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  transition: 0.5s linear;

}

.pro .listimg li .text .more {

  display: block;

  width: 78px;

  height: 28px;

  border: 1px solid rgba(83, 83, 83, 0.15);

  border-radius: 14px;

  background: url(../images/more2.png) no-repeat center;

  position: absolute;

  top: 28px;

  right: 24px;

  transition: 0.5s linear;

}

.pro .listimg li:hover .text .cond {

  letter-spacing: 1px;

}

.pro .listimg li:hover .text .more {

  background: #93c47d url(../images/more3.png) no-repeat center;

  border-color: #93c47d;

}

.region {

  height: 230px;

  background: #93c47d;

  padding: 30px 0 0;

  box-sizing: border-box;

}

.region .ico {

  display: flex;

  justify-content: space-between;

}

.region .ico li .tu {

  width: 105px;

  height: 105px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  transition: 0.5s linear;

}

.region .ico li .tu::before {

  content: "";

  display: block;

  width: 105px;

  height: 105px;

  position: absolute;

  background: url(../images/icobg.png) no-repeat center;

  top: 0;

  left: 0;

  animation: rotate 5s infinite linear;animation-play-state: paused;transition: 0.5s linear;

}


.region .ico li:hover .tu::before {

 animation-play-state: running;

}




@keyframes rotate {
    0% {
        transform: rotate(90deg); }
    100% {
        transform: rotate(450deg); }
}



.region .ico li .tu img {

  display: block;

  position: absolute;

}

.region .ico li .text {

  margin: 26px 0 0;

  transition: 0.2s ease-out;

}

.region .ico li .text i {

  display: block;

  font-size: 20px;

  color: #fff;

  line-height: 18px;

  text-align: center;

}

.region .ico li .text span {

  display: block;

  font-family: Arial;

  font-size: 12px;

  color: rgba(255,255,255,0.8);

  text-align: center;

  line-height: 10px;

  margin: 12px 0 0;

}

.region .ico li:hover .text {

  transform: translateY(-5px);

}

.abo {

  height: 1044px;

  background: url(../images/abo.jpg) no-repeat center top;

  padding: 48px 0 0;

  box-sizing: border-box;

  overflow: hidden;

}

.abo .FOM {

  display: flex;

  justify-content: space-between;

  padding: 0 50px;

  box-sizing: border-box;

}

.abo .FOM .n {

  height: 42px;

  border-radius: 4px;

  position: relative;

  padding: 0 0 0 39px;

  box-sizing: border-box;

}

.abo .FOM .n img {

  width: 90px;

  height: 36px;

  position: absolute;

  top: 0;

  right: 0;

}

.abo .FOM .n input {

  width: 100%;

  height: 100%;

  line-height: 42px;

  font-size: 14px;

  background: none;

  color: #666;

}

.abo .FOM .n input::placeholder {

  color: #666;

}

.abo .FOM .n textarea {

  width: 100%;

  height: 100%;

  line-height: 38px;

  font-size: 14px;

  background: none;

  color: #666;

}

.abo .FOM .n textarea::placeholder {

  color: #666;

}

.abo .FOM .n:nth-child(1) {

  background: #fafafa url(../images/f1.png) no-repeat center left;

  background-position-x: 12px;

  width: 200px;

}

.abo .FOM .n:nth-child(2) {

  background: #fafafa url(../images/f2.png) no-repeat center left;

  background-position-x: 12px;

  width: 200px;

}

.abo .FOM .n:nth-child(3) {

  background: #fafafa url(../images/f3.png) no-repeat center left;

  background-position-x: 12px;

  width: 425px;

}

.abo .FOM .n:nth-child(4) {

  background: #fafafa url(../images/f4.png) no-repeat center left;

  background-position-x: 12px;

  width: 200px;

  padding: 0 0 0 20px;

  box-sizing: border-box;

}

.abo .FOM #btn {

  width: 100px;

  height: 42px;

  background: #93c47d;

  border-radius: 4px;

  font-size: 14px;

  color: #fff;

  text-align: center;

  line-height: 42px;

  cursor: pointer;

}

.abo .warp {

  display: flex;

  justify-content: space-between;

  margin: 132px 0;

}

.abo .warp .about {

  margin: 0 0 0 -320px;

}

.abo .warp .about img {

  display: block;

  width: 982px;

  height: 774px;

}

.abo .warp .plaet {

  width: 552px;

  margin: 69px 0 0;

}

.abo .warp .plaet .top {

  position: relative;

}

.abo .warp .plaet .top::before {

  content: "";

  display: block;

  width: 100px;

  height: 6px;

  position: absolute;

  background: url(../images/t1.png) no-repeat center;

  top: 69px;

  left: 172px;

}

.abo .warp .plaet .top em {

  display: block;

  font-size: 46px;width:170px;

  color: #333;

  line-height: 40px;

  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;position:relative;

}

.abo .warp .plaet .top h3 {

  margin: 14px 0 0;

  font-size: 38px;

  color: #333;

  line-height: 36px;

  font-weight: bold;

}

.abo .warp .plaet .text {

  font-size: 15px;

  color: #888;

  line-height: 32px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

  overflow: hidden;

  height: 160px;

  margin: 60px 0 0;

}

.abo .warp .plaet .art {

  margin: 45px 0 0;

  display: flex;

  justify-content: space-between;

}

.abo .warp .plaet .art .more {

  display: block;

  padding: 0 64px 0 0;

  background: url(../images/more1.png) no-repeat center right;

  margin: 115px 0 0;

  height: 80px;position:relative;

}

.abo .warp .plaet .art .more:hover{color: #93c47d;transition: 0.5s linear;}

.abo .warp .plaet .art .more::after{content:'';width:62px;height:82px;background: url(../images/more_jt01.png);position:absolute;top:0;right:-5px;animation:mymove 2.5s infinite;-webkit-animation:mymove 2.5s infinite;}

.abo .warp .plaet .art .more:hover::after{content:'';width:62px;height:82px;background: url(../images/more_jt02.png);position:absolute;top:0;right:-5px;animation:mymove 2.5s infinite;-webkit-animation:mymove 2.5s infinite;}


.abo .warp .plaet .art .more i {

  display: block;

  width: 80px;

  height: 80px;

  background: #93c47d;

  border-radius: 50%;

  font-size: 16px;

  color: #fff;

  line-height: 80px;

  text-align: center;

}

.abo .warp .plaet .art .listnum {

  width: 190px;

}

.abo .warp .plaet .art .listnum li {

  height: 120px;

  margin-bottom: 40px;

}

.abo .warp .plaet .art .listnum li em {

  display: flex;

  height: 38px;

  position: relative;

}

.abo .warp .plaet .art .listnum li em i {

  display: block;

  font-size: 46px;

  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

  line-height: 38px;

}

.abo .warp .plaet .art .listnum li em span {

  display: block;

  width: 32px;

  height: 32px;

  background: url(../images/title1.png) no-repeat center;

  font-size: 14px;

  color: #fff;

  line-height: 32px;

  text-align: center;

  position: absolute;

  top: -19px;

  left: 92px;

}

.abo .warp .plaet .art .listnum li p {

  font-size: 16px;

  color: #666;

  line-height: 15px;

  padding: 22px 0 0;

  border-top: 1px solid #d6d6d6;

  box-sizing: border-box;

  margin: 25px 0 0;

}

.coop {

  height: 333px;

  background: #93c47d;

  padding: 60px 0 0;

  box-sizing: border-box;

  position: relative;

}

.coop::before {

  content: "";

  display: block;

  width: 100%;

  height: 1px;

  position: absolute;

  background: #eaeaea;

  top: 173px;

  left: 0;

  opacity: 0.2;

}

.coop .list {

  display: flex;

  flex-wrap: wrap;

}

.coop .list li {

  margin: 0 70px 60px 0;

  width: 200px;

  height: 80px;

  position: relative;

}

.coop .list li::before {

  content: "";

  display: block;

  width: 1px;

  height: 78px;

  position: absolute;

  background: #eaeaea;

  opacity: 0.2;

  top: 0;

  right: -35px;

}

.coop .list li a {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.coop .list li a img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1);

  transition: 0.5s linear;

}

.coop .list li a img:hover {

  transform: scale(1.1);

}

.coop .list li:nth-child(5n) {

  margin: 0;

}

.coop .list li:nth-child(5n)::before {

  display: none;

}

.case {

  height: 1088px;

  background: url(../images/case.jpg) no-repeat center top;

  padding: 120px 0 0;

  box-sizing: border-box;

}

.case .box {

  display: flex;

  justify-content: space-between;

}

.case .box .top {

  position: relative;

}

.case .box .top::before {

  content: "";

  display: block;

  width: 100px;

  height: 6px;

  position: absolute;

  background: url(../images/t1.png) no-repeat center;

  top: 69px;

  left: 172px;

}

.case .box .top em {

  display: block;

  font-size: 46px;

  color: #333;

  line-height: 40px;

  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;position:relative;

}

.case .box .top h3 {

  margin: 14px 0 0;

  font-size: 38px;

  color: #333;

  line-height: 36px;

  font-weight: bold;

}

.case .box .art {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 5px 0 0;

}

.case .box .art .tel {

  display: flex;

  padding: 0 0 0 48px;

  height: 40px;

  background: url(../images/tel2.png) no-repeat center left;

}

.case .box .art .tel i {

  font-size: 18px;

  color: #333;

  line-height: 40px;

}

.case .box .art .tel b {

  font-family: Arial;

  font-size: 24px;

  color: #333;

  line-height: 40px;

}

.case .box .art .more {

  display: block;

  margin: 0 0 0 44px;

  width: 132px;

  height: 82px;

  font-size: 16px;

  color: #333;

  line-height: 82px;

  background: url(../images/more1.png) no-repeat center right;position:relative;

}

.case .box .art .more:hover{color: #93c47d;transition: 0.5s linear;}

.case .box .art .more::after{content:'';width:62px;height:82px;background: url(../images/more_jt01.png);position:absolute;top:0;right:-5px;animation:mymove 2.5s infinite;-webkit-animation:mymove 2.5s infinite;}

.case .box .art .more:hover::after{content:'';width:62px;height:82px;background: url(../images/more_jt02.png);position:absolute;top:0;right:-5px;animation:mymove 2.5s infinite;-webkit-animation:mymove 2.5s infinite;}


.case .caseslide {

  margin: 48px 0 0;

  width: 1155px;

  position: relative;

}

.case .caseslide .bd li {

  display: flex;

  justify-content: space-between;

}

.case .caseslide .bd li .tu {

  width: 520px;

  height: 390px;

  overflow: hidden;

  position: relative;

}

.case .caseslide .bd li .tu::before {

  content: "";

  display: block;

  width: 500px;

  height: 370px;

  position: absolute;

  border: 1px solid #fff;

  opacity: 0.5;

  pointer-events: none;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

  z-index: 50;

  opacity: 1;

  transition: 0.5s linear;

}

.case .caseslide .bd li .tu .img {

  display: block;

  width: 100%;

  height: 100%;

  overflow: hidden;

}

.case .caseslide .bd li .tu .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1.1);

  transition: 0.5s linear;

}

.case .caseslide .bd li .text {

  width: 637px;

  height: 305px;

  background: #fff;

  box-shadow: 1px 1px 35px 0px rgba(12, 3, 6, 0.07);

  padding: 60px 45px 0;

  box-sizing: border-box;

  position: relative;

}

.case .caseslide .bd li .text .cond {

  display: block;

  font-size: 18px;

  color: #333;

  line-height: 20px;

  font-weight: bold;

  padding: 0 180px 30px 0;

  box-sizing: border-box;

  border-bottom: 1px solid #e8e9eb;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  transition: 0.5s linear;

}

.case .caseslide .bd li .text p {

  font-size: 14px;

  color: #888;

  line-height: 32px;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  overflow: hidden;

  height: 64px;

  margin: 25px 0 0;

}

.case .caseslide .bd li .text em {

  display: block;

  font-size: 16px;

  color: #999;

  line-height: 20px;

  position: absolute;

  top: 60px;

  right: 47px;

}

.case .caseslide .bd li:hover .tu::before {

  transform: translateX(-50%) translateY(-50%) scale(1.1);

  opacity: 0;

}

.case .caseslide .bd li:hover .tu .img img {

  transform: scale(1);

}

.case .caseslide .bd li:hover .text .cond {

  color: #93c47d;

  letter-spacing: 1px;

}

.case .caseslide .arr {

  width: 190px;

  height: 70px;

  position: absolute;

  top: 274px;

  right: 70px;

  z-index: 50;

  display: flex;

  justify-content: space-between;

}

.case .caseslide .arr .prev {

  width: 70px;

  height: 70px;

  background: #535353 url(../images/prev-case.png) no-repeat center;

  border-radius: 50%;

  cursor: pointer;

}

.case .caseslide .arr .next {

  width: 70px;

  height: 70px;

  background: #93c47d url(../images/next-case.png) no-repeat center;

  border-radius: 50%;

  cursor: pointer;

}

.case .caseslide .pageState {

  width: 195px;

  height: 123px;

  position: absolute;

  top: 150px;

  right: -122px;

  font-family: Arial;

  font-size: 30px;

  color: #333;

  line-height: 22px;

  text-align: right;

}

.case .caseslide .pageState::before {

  content: "";

  display: block;

  width: 195px;

  height: 2px;

  position: absolute;

  background: #333;

  top: 74px;

  right: 0;

}

.case .caseslide .pageState span {

  display: block;

  font-size: 60px;

  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

  line-height: 50px;

  font-style: italic;

  text-align: right;

  color: #93c47d;

  margin-bottom: 52px;

}

.case .listimg {

  display: flex;

  justify-content: space-between;

  margin: 40px 0 0;

}

.case .listimg li {

  width: 290px;

  height: 274px;

  background: #fff;

  padding: 5px 5px 0;

  box-sizing: border-box;

}

.case .listimg li .img {

  display: block;

  width: 100%;

  height: 210px;

  overflow: hidden;

}

.case .listimg li .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1);

  transition: 0.5s linear;

}

.case .listimg li .img img:hover {

  transform: scale(1.1);

}

.case .listimg li .cond {

  display: block;

  font-size: 16px;

  color: #333;

  line-height: 59px;

  padding: 0 0 0 20px;

  background: url(../images/title2.png) no-repeat center left;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.cap {

  height: 755px;

  background: url(../images/cap.jpg) no-repeat center top;

}

.cap .box {

  display: flex;

  justify-content: space-between;

}

.cap .box .top {

  position: relative;

}

.cap .box .top::before {

  content: "";

  display: block;

  width: 100px;

  height: 6px;

  position: absolute;

  background: url(../images/t1.png) no-repeat center;

  top: 69px;

  left: 172px;

}

.cap .box .top em {

  display: block;

  font-size: 46px;

  color: #333;

  line-height: 40px;

  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;position:relative;

}

.cap .box .top h3 {

  margin: 14px 0 0;

  font-size: 38px;

  color: #333;

  line-height: 36px;

  font-weight: bold;

}

.cap .box .art {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 5px 0 0;

}

.cap .box .art .more {

  display: block;

  margin: 0 0 0 44px;

  width: 132px;

  height: 82px;

  font-size: 16px;

  color: #333;

  line-height: 82px;

  background: url(../images/more1.png) no-repeat center right;position:relative;

}
.cap .box .art .more:hover{color: #93c47d;transition: 0.5s linear;}

.cap .box .art .more::after{content:'';width:62px;height:82px;background: url(../images/more_jt01.png);position:absolute;top:0;right:-5px;animation:mymove 2.5s infinite;-webkit-animation:mymove 2.5s infinite;}

.cap .box .art .more:hover::after{content:'';width:62px;height:82px;background: url(../images/more_jt02.png);position:absolute;top:0;right:-5px;animation:mymove 2.5s infinite;-webkit-animation:mymove 2.5s infinite;}


.cap .capitalslide {

  margin: 40px 0 0;

  position: relative;

}

.cap .capitalslide .bd li {

  display: flex;

  justify-content: space-between;

}

.cap .capitalslide .bd li .aside {

  width: 516px;

}

.cap .capitalslide .bd li .aside .img {

  display: block;

  width: 516px;

  height: 339px;

  overflow: hidden;

}

.cap .capitalslide .bd li .aside .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1);

  transition: 0.5s linear;

}

.cap .capitalslide .bd li .aside .img img:hover {

  transform: scale(1.1);

}

.cap .capitalslide .bd li .aside .text {

  margin: 35px 0 0;

}

.cap .capitalslide .bd li .aside .text .cond {

  display: block;

  font-size: 16px;

  color: #333;

  line-height: 30px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  transition: 0.5s linear;

}

.cap .capitalslide .bd li .aside .text .data {

  font-family: Arial;

  font-size: 12px;

  color: #303030;

  line-height: 10px;

  opacity: 0.3;

  margin: 10px 0 40px;

}

.cap .capitalslide .bd li .aside .text .more {

  display: block;

  width: 156px;

  height: 51px;

  border: 1px solid #93c47d;

  padding: 0 0 0 33px;

  box-sizing: border-box;

  font-family: Arial;

  font-size: 12px;

  color: #a1a1a1;

  line-height: 50px;

  position: relative;

  overflow: hidden;

  z-index: 50;

  transition: 0.2s ease-out;

}

.cap .capitalslide .bd li .aside .text .more::after {

  content: "";

  display: block;

  width: 9px;

  height: 51px;

  position: absolute;

  background: url(../images/more4.png) no-repeat center;

  top: 0;

  left: 121px;

  transition: 0.5s linear;

}

.cap .capitalslide .bd li .aside .text .more::before {

  content: "";

  display: block;

  width: 35px;

  height: 35px;

  position: absolute;

  background: #93c47d;

  bottom: -13px;

  left: -14px;

  border-radius: 50%;

  z-index: -1;

  transition: 0.5s linear;

}

.cap .capitalslide .bd li .aside .text .more:hover {

  color: #fff;

  transform: translateY(-5px);

}

.cap .capitalslide .bd li .aside .text .more:hover::before {

  width: 200px;

  height: 200px;

  border-radius: 0;

}

.cap .capitalslide .bd li .aside .text .more:hover::after {

  background: url(../images/more5.png) no-repeat center;

}

.cap .capitalslide .bd li .aside:hover .text .cond {

  color: #93c47d;

  letter-spacing: 1px;

}

.cap .capitalslide .bd li .plaet {

  width: 710px;

}

.cap .capitalslide .bd li .plaet .list {

  width: 710px;

  height: 155px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0 28px 0 0;

  box-sizing: border-box;

  position: relative;

  margin-bottom: 30px;

  transition: 0.5s linear;

}

.cap .capitalslide .bd li .plaet .list::before {

  content: "";

  display: block;

  width: 1px;

  height: 82px;

  position: absolute;

  background: #333;

  opacity: 0.1;

  top: 40px;

  left: 120px;

}

.cap .capitalslide .bd li .plaet .list .data {

  width: 120px;

  position: relative;

}

.cap .capitalslide .bd li .plaet .list .data::before {

  content: "";

  display: block;

  width: 100%;

  height: 10px;

  position: absolute;

  background: url(../images/title3.png) no-repeat center;

  top: 54px;

  left: 0;

}

.cap .capitalslide .bd li .plaet .list .data span {

  display: block;

  font-size: 48px;

  line-height: 40px;

  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

  text-align: center;

}

.cap .capitalslide .bd li .plaet .list .data i {

  font-family: Arial;

  font-size: 12px;

  color: #999;

  line-height: 10px;

  text-align: center;

  margin: 34px 0 0;

  display: block;

}

.cap .capitalslide .bd li .plaet .list .text {

  width: 526px;

}

.cap .capitalslide .bd li .plaet .list .text .cond {

  display: block;

  font-size: 16px;

  color: #333;

  line-height: 20px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  transition: 0.5s linear;

}

.cap .capitalslide .bd li .plaet .list .text p {

  font-size: 14px;

  color: #999;

  line-height: 20px;

  margin: 20px 0 0;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.cap .capitalslide .bd li .plaet .list:hover {

  box-shadow: 1px 1px 35px 0px rgba(12, 3, 6, 0.07);

  border-radius: 20px;

}

.cap .capitalslide .bd li .plaet .list.active {

  box-shadow: 1px 1px 35px 0px rgba(12, 3, 6, 0.07);

  border-radius: 20px;

}

.cap .capitalslide .bd li .plaet .list:hover .text .cond {

  color: #93c47d;

  letter-spacing: 1px;

}

.cap .capitalslide .bd li .plaet .list.active .text .cond {

  color: #93c47d;

  letter-spacing: 1px;

}

.cap .capitalslide .hd {

  display: flex;

  justify-content: space-between;

  width: 540px;

  position: absolute;

  top: -111px;

  right: 166px;

}

.cap .capitalslide .hd li {

  width: 162px;

  height: 52px;

  border: 1px solid #93c47d;

  box-sizing: border-box;

  background: #fff;

  position: relative;

  transition: 0.5s linear;

}

.cap .capitalslide .hd li::before {

  content: "";

  display: block;

  width: 0;

  height: 1px;

  position: absolute;

  background: #93c47d;

  top: -18px;

  left: 0;

  transition: 0.5s linear;

}

.cap .capitalslide .hd li a {

  display: block;

  width: 100%;

  height: 100%;

  padding: 0 0 0  62px;

  box-sizing: border-box;

  font-size: 18px;

  color: #333;

  line-height: 52px;

  transition: 0.5s linear;

}

.cap .capitalslide .hd li:nth-child(1) a {

  background: url(../images/nt1.png) no-repeat center left;

  background-position-x: 27px;

}

.cap .capitalslide .hd li:nth-child(2) a {

  background: url(../images/nt2.png) no-repeat center left;

  background-position-x: 27px;

}

.cap .capitalslide .hd li:nth-child(3) a {

  background: url(../images/nt3.png) no-repeat center left;

  background-position-x: 27px;

}

.cap .capitalslide .hd .on:nth-child(1) a {

  background: url(../images/nt1s.png) no-repeat center left;

  background-position-x: 27px;

}

.cap .capitalslide .hd .on:nth-child(2) a {

  background: url(../images/nt2s.png) no-repeat center left;

  background-position-x: 27px;

}

.cap .capitalslide .hd .on:nth-child(3) a {

  background: url(../images/nt3s.png) no-repeat center left;

  background-position-x: 27px;

}

.cap .capitalslide .hd .on {

  background: #93c47d;

}

.cap .capitalslide .hd .on::before {

  width: 162px;

}

.cap .capitalslide .hd .on a {

  color: #fff;

}

@keyframes cire {

  to {

    transform: rotate(360deg);

  }

}